<!doctype html>
<title>Widgets demo</title>
<link rel="stylesheet" type="text/css" href="widgets.css">

<button onclick="document.body.classList.toggle('dark')">Switch Light/Dark</button><br><br>
<input type="button" value="input[type=button]"/><br><br>
<input type="submit"/><br><br>
<input type="reset"/><br><br>
<input type="color"/><br><br>
<hr>
<select>
	<option>Option 1</option>
	<option>Option 2</option>
	<option>Option 3</option>
</select><br><br>
<select multiple>
	<option>Option 1</option>
	<option>Option 2</option>
	<option>Option 3</option>
</select><br><br>
<input type="file"/><br><br>
<input type="range"/><br><br>
<input type="checkbox" id="choice"/><label for="choice">Binary Choice</label><br><br>
<input type="radio" name="radio-choice" id="opt-1"/><label for="opt-1">Option 1</label><br>
<input type="radio" name="radio-choice" id="opt-2"/><label for="opt-2">Option 2</label><br><br>
<input type="date"/><br><br>
<input type="datetime-local"/><br><br>
<input type="time"/><br><br>
<input type="email"/><br><br>
<input type="month"/><br><br>
<input type="number"/><br><br>
<input type="password"/><br><br>
<input type="search"/><br><br>
<input type="tel"/><br><br>
<input type="text"/><br><br>
<input type="url"/><br><br>
<input type="week"/><br><br>
<textarea></textarea>
